<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/style.css">
    <style>
        ul,ol,li {
            list-style: none;
            margin: 0;
            padding: 0;
        }
        p {
            margin: 0;
        }
        a {
            text-decoration: none;
        }
        @media screen and (min-width:750px) {
            html {
                font-size: 75px!important;
            }
            body {
                width: 10rem;
            }
        }
    </style>
    <script src="js/index.js"></script>
    <title>苏宁易购(Suning.com)-送货更准时、价格更超值、上新货更快</title>
</head>
<body>
    <div class="header">
        <img src="images/header.jpg" alt="">
        <a href="#" class="close-btn"></a>
        <a href="#" class="open-btn"></a>
    </div>
    <div class="nav">
        <div class="nav-top">
            <a href="#" class="classify"><img src="images/classify.png" alt=""></a>
            <a href="#" class="ad"><img src="images/ad.gif" alt=""></a>
            <a href="#" class="login"><img src="images/login.png" alt=""></a>
        </div>
        <div class="nav-search">
            <a href="#"></a>
            <i></i>
            <form action="">
                <input type="text" placeholder="元宵节爆款每千减百">
            </form>
        </div>
    </div>
    <div class="banner">
        <div class="wrapper">
            <ul class="swipe">
                <li class="current"><img src="images/banner.jpg" alt=""></li>
                <li><img src="images/banner.jpg" alt=""></li>
                <li><img src="images/banner.jpg" alt=""></li>
                <li><img src="images/banner.jpg" alt=""></li>
                <li><img src="images/banner.jpg" alt=""></li>
                <li><img src="images/banner.jpg" alt=""></li>
                <li><img src="images/banner.jpg" alt=""></li>
                <li><img src="images/banner.jpg" alt=""></li>
            </ul>
            <div class="trigger">
                <ul>
                    <li class="current"><i></i></li>
                    <li><i></i></li>
                    <li><i></i></li>
                    <li><i></i></li>
                    <li><i></i></li>
                    <li><i></i></li>
                    <li><i></i></li>
                    <li><i></i></li>
                </ul>

            </div>
        </div>
    </div>
    <div class="view">
        <a href="#" class="left"><img src="images/left.webp" alt=""></a>
        <a href="#" class="center"><img src="images/center.webp" alt=""></a>
        <a href="#" class="right"><img src="images/right.webp" alt=""></a>
    </div>
    <div class="enter">
        <ul>
            <li>
                <a href="">
                    <img src="images/label1.png" alt="">
                    <p>苏宁秒杀</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="images/label1.png" alt="">
                    <p>苏宁秒杀</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="images/label1.png" alt="">
                    <p>苏宁秒杀</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="images/label1.png" alt="">
                    <p>苏宁秒杀</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="images/label1.png" alt="">
                    <p>苏宁秒杀</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="images/label1.png" alt="">
                    <p>苏宁秒杀</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="images/label1.png" alt="">
                    <p>苏宁秒杀</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="images/label1.png" alt="">
                    <p>苏宁秒杀</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="images/label1.png" alt="">
                    <p>苏宁秒杀</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="images/label1.png" alt="">
                    <p>苏宁秒杀</p>
                </a>
            </li>
        </ul>
    </div>
    <div class="new">
        <a href=""><img src="images/nleft.png" alt=""></a>
        <a href=""><img src="images/nright1.gif" alt=""></a>
        <a href=""><img src="images/nright2.gif" alt=""></a>
    </div>
    <div class="panel">
        <div class="big">
            <div class="left">
                <div class="title">
                    <p>限时秒杀</p>
                </div>
                <div class="desc">
                    <p>人气好货限时抢</p>
                </div>
                <ul>
                    <li><img src="images/sale1.jpg" alt=""><p class="price">¥1.2</p></li>
                    <li><img src="images/sale2.jpg" alt=""><p class="price">¥3.6</p></li>
                </ul>   
            </div>
            <div class="right">
                <div class="title">
                    <p>大聚惠</p>
                </div>
                <div class="desc">
                    <p>聚优品·惠生活</p>
                </div>
                <ul>
                    <li><img src="images/item1.webp" alt=""><p class="img-desc">飞科(FLYCO)</p></li>
                    <li><img src="images/item2.webp" alt=""><p class="img-desc">Apple</p></li>
                </ul>
            </div>
        </div>
        <div class="big">
            <div class="left">
                <div class="title">
                    <p>新品首发</p>
                </div>
                <div class="desc">
                    <p>抢约华为折叠屏</p>
                </div>
                <ul>
                    <li><img src="images/sale3.webp" alt=""></li>
                    <li><img src="images/sale4.webp" alt=""></li>
                </ul>   
            </div>
            <div class="right">
                <div class="title">
                    <p>苏宁拼购</p>
                </div>
                <div class="desc">
                    <p>2人拼更实惠·全场包邮</p>
                </div>
                <ul>
                    <li><img src="images/item3.webp" alt=""><p class="img-desc">2人拼139</p></li>
                    <li><img src="images/item4.webp" alt=""><p class="img-desc">2人拼59</p></li>
                </ul>
            </div>
        </div>
        <div class="recommend">
            <div class="left">
                <p class="title">为您推荐</p>
                <p class="desc">精选频道</p>
            </div>
            <ul class="right">
                <li>
                    <a href="#">
                        <img src="images/r1.webp" alt="">
                        <p>苏宁国际</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/r2.webp" alt="">
                        <p>苏宁Outlets</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/r3.png" alt="">
                        <p>会员抢购</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/r4.png" alt="">
                        <p>Super会员</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="bd">
        <div class="title">
            <a href=""><img src="images/bd.png" alt=""></a>
        </div>
        <div class="list">
            <div class="item">
                <img src="images/item5.webp" alt="">
                <div class="bt">
                    <p class="name">人气榜</p>
                    <p class="title">潮流女上衣榜</p>
                    <p class="desc">卖爆507件</p>
                </div>
            </div>
            <div class="item">
                <img src="images/item6.webp" alt="">
                <div class="bt center">
                    <p class="name">人气榜</p>
                    <p class="title">人气热销手机榜</p>
                    <p class="desc">卖爆507件</p>
                </div>
            </div>
            <div class="item">
                <img src="images/item7.webp" alt="">
                <div class="bt">
                    <p class="name">人气榜</p>
                    <p class="title">时尚手表榜</p>
                    <p class="desc">卖爆507件</p>
                </div>
                
            </div>

        </div>
    </div>
    <div class="panel">
        <div class="big">
            <div class="left">
                <div class="title">
                    <p>家用电饭煲榜</p>
                </div>
                <div class="desc">
                    <p>本周趋势上升56%</p>
                </div>
                <ul>
                    <li><img src="images/item8.webp" alt=""></li>
                    <li><img src="images/item9.webp" alt=""></li>
                </ul>   
            </div>
            <div class="right">
                <div class="title">
                    <p>深层清洁香皂榜</p>
                </div>
                <div class="desc">
                    <p>卖爆5391件</p>
                </div>
                <ul>
                    <li><img src="images/item10.webp" alt=""></li>
                    <li><img src="images/item11.webp" alt="">    </li>
                </ul>
            </div>
        </div>
        <div class="big">
            <div class="left">
                <div class="title">
                    <p>婴幼儿配方奶粉榜</p>
                </div>
                <div class="desc">
                    <p>本周趋势上升119%</p>
                </div>
                <ul>
                    <li><img src="images/item12.webp" alt=""></li>
                    <li><img src="images/item13.webp" alt=""></li>
                </ul>   
            </div>
            <div class="right">
                <div class="title">
                    <p>时尚保险冰箱榜</p>
                </div>
                <div class="desc">
                    <p>卖爆5.1万件</p>
                </div>
                <ul>
                    <li><img src="images/item14.webp" alt=""></li>
                    <li><img src="images/item15.webp" alt=""></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="blank">
    </div>
    <div class="like">
        <div class="title">
            <img src="images/like.webp" alt="">
        </div>
        <div class="list">
            <div class="item">
                <img src="images/like1.webp" alt="">
                <p class="title">【1只装】云南中药牙膏去黄牙口臭口气清护齿110g/支 清新口气保护牙龈 买2件减2元</p>
                <span class="cuxiao">满10减4</span>
                <div class="bt">
                    <span class="price">￥6.01</span>
                    <span class="comments">3500+评价</span>
                </div>
            </div>
            <div class="item">
                <img src="images/like1.webp" alt="">
                <p class="title">【1只装】云南中药牙膏去黄牙口臭口气清护齿110g/支 清新口气保护牙龈 买2件减2元</p>
                <span class="cuxiao">满10减4</span>
                <div class="bt">
                    <span class="price">￥6.01</span>
                    <span class="comments">3500+评价</span>
                </div>
            </div>
            <div class="item">
                <img src="images/like1.webp" alt="">
                <p class="title">【1只装】云南中药牙膏去黄牙口臭口气清护齿110g/支 清新口气保护牙龈 买2件减2元</p>
                <span class="cuxiao">满10减4</span>
                <div class="bt">
                    <span class="price">￥6.01</span>
                    <span class="comments">3500+评价</span>
                </div>
            </div>
            <div class="item">
                <img src="images/like1.webp" alt="">
                <p class="title">【1只装】云南中药牙膏去黄牙口臭口气清护齿110g/支 清新口气保护牙龈 买2件减2元</p>
                <span class="cuxiao">满10减4</span>
                <div class="bt">
                    <span class="price">￥6.01</span>
                    <span class="comments">3500+评价</span>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="login">
            <img src="images/btlogin.png" alt="">
        </div>
        <div class="tab">
            <a href="" class="current">
                <img src="images/home.png" alt="">
                <span>首页</span>
            </a>
            <a href="">
                <img src="images/fl.png" alt="">
                <span>分类</span>
            </a>
            <a href="">
                <img src="images/phb.png" alt="">
                <span>排行榜</span>
            </a>
            <a href="">
                <img src="images/gwc.png" alt="">
                <span>购物车</span>
            </a>
            <a href="">
                <img src="images/wdyg.png" alt="">
                <span>我的易购</span>
            </a>
        </div>
    </div>
</body>
</html>